import Vue from 'vue'

import Router from 'vue-router'

// import Main from '../page/Main.vue'

// import FuncTest from '../subpage/funcTest.vue'
// import SomeTools from '../subpage/someTools.vue'
// import regularExp from '../subpage/regularExp.vue'
// import GridLayout from '../subpage/grid-layout.vue'

Vue.use(Router)

const Main = () => import('../page/Main.vue')

const FuncTest = () => import('../subpage/funcTest.vue')
const SomeTools = () => import('../subpage/someTools.vue')
const regularExp = () => import('../subpage/regularExp.vue')
const GridLayout = () => import('../subpage/grid-layout.vue')

export default new Router({
    routes: [{
        path: '/',
        redirect: '/main'
    },{
        path: '/main',
        name: 'Main',
        component: Main
    },{
        path: '/func-test',
        name: 'FuncTest',
        component: FuncTest
    },{
        path: '/some-tools',
        name: 'SomeTools',
        component: SomeTools
    },{
        path: '/regular-exp',
        name: 'regularExp',
        component: regularExp
    }, {
      path: '/grid-layout',
      name: 'GridLayout',
      component: GridLayout
    }]
})
